import { getReqTopMv } from '../../service/video'

Page({
  data: {
    videoList: [],
    offset: 0,
    hasMore: true
  },
  onLoad() {
    // 发送网络请求
    this.fetchTopMv()
  },
  // 发起网络请求
  async fetchTopMv() {
    // getReqTopMv().then(res=> {
    //   this.setData({ videoList: res.data})
    // })
    // const res = await getReqTopMv(this.data.videoList.length)
    const res = await getReqTopMv(this.data.offset)
    const newVideo = [...this.data.videoList,...res.data]
    this.setData({ videoList: newVideo })
    this.data.offset = this.data.videoList.length
    this.data.hasMore = res.hasMore
  },
  // 上拉加载更多
  onReachBottom() {
    // 没有更多数据了
    if(!this.data.hasMore) {
      return
    }
    this.fetchTopMv()
  },
  // 下拉刷新
  async onPullDownRefresh() {
    this.setData({videoList: []})
    this.data.offset = 0
    // 防止滚动到最底部 然后去下拉刷新
    this.hasMore = true

    // 加上async / await之后 函数变成同步执行
    await this.fetchTopMv()

    // 当数据请求完毕停止下拉刷新
    wx.stopPullDownRefresh()
  },

  // 事件监听的方法
  onClickTo(event) {
    // const id = event.currentTarget.dataset.item.id
    // wx.navigateTo({
    //   url: `../video-detail/video-detail?id=${id}`,
    // })
  }
})